<template>
    <div class="com-cnt">
        <h3 class="tit1">猜你想问</h3>
        <div class="question" @click="hideFlag1=!hideFlag1">
            1、如何申请成为代理人？
        </div>
        <p class="answer" :class="{hide:hideFlag1}">
            进入公众号界面，点击菜单栏“代理申请”，验证手机号后进入申请界面，填写个人信息后提交申请，等待工作人员审核即可。
        </p>
        <div class="question" @click="hideFlag2=!hideFlag2">
            2、代理人有哪些权益？
        </div>
        <p class="answer" :class="{hide:hideFlag2}">
            代理人可邀请其他人成为蓄康荟平台用户，邀请过来的用户在平台上开通会员或充值，代理人都可获得相应的佣金奖励，佣金可提现。
        </p>
        <div class="question" @click="hideFlag3=!hideFlag3">
            3、如何查看自己邀请的用户？
        </div>
        <p class="answer" :class="{hide:hideFlag3}">
            进入公众号界面，点击菜单栏“代理中心”，可在当前页面查看自己邀请成功的会员人数与当前佣金总额，点击“会员列表”即可查看自己邀请的所有会员信息。
        </p>
        <div class="question" @click="hideFlag4=!hideFlag4">
            4、如何提现？
        </div>
        <p class="answer" :class="{hide:hideFlag4}">
            进入“代理中心”界面，点击“申请提现”，选择要银行卡，填写提现金额即可，佣金会在3-5日内到账。
        </p>
        <div class="question" @click="hideFlag5=!hideFlag5">
            5、更多问题解决方法
        </div>
        <p class="answer" :class="{hide:hideFlag5}">
            ·如有其它疑问，可拨打蓄康荟客服电话进行咨询。<br>
            ·客服电话：400-666-6688
        </p>
        <a class="btn" href="tel:4006666688">联系客服</a>
    </div>
</template>

<script>
import axios from 'axios'
import Qs from 'qs'
import { maskTips,maskCallback } from '@/assets/js/dom'
import $ from 'jquery'
import { domain } from '@/assets/js/config'
export default {
    data() {
        return {
            hideFlag1: true,
            hideFlag2: true,
            hideFlag3: true,
            hideFlag4: true,
            hideFlag5: true
        }
    },
    components: {

    },
    methods: {

        direct: function (val) {
            this.$router.push({ path: '/' + val });
        }
    }
}
</script>

<style lang='stylus' scoped>
.com-cnt
    width 100%
    height 100%
    position relative
    z-index 99
    background #ffffff
    .hide
        display none
    .tit1
        height 71px
        line-height 71px
        background #F0F0F0
        font-size 18px
        padding-left 36px
        position relative
    .tit1:before
        content ''
        width 4px
        height 16px
        background #aad112
        position absolute
        left 20px
        top 26px
    .question
        height 60px
        font-size 16px
        position relative
        line-height 60px
        padding-left 20px
        border-bottom 1px solid #ddd
        border-top 1px solid #ddd
    .question:after
        content ''
        width 12px
        height 7px
        position absolute
        background url(../../assets/imgs/agent/bottomArrow.png)
        bottom 26px
        right 20px
        background-size 100% 100%
    .answer
        padding 14px 16px
        font-size 12px
        color #999
        background #f0f0f0
    .btn
        width 334px
        height 50px
        line-height 50px
        background #aad112
        color #ffffff
        border-radius 5px
        font-size 18px
        text-align center
        display block
        margin 70px 0 0 20px
</style>
